| |
HTML 5 + CSS3 原理與開發(fā)應(yīng)用培訓(xùn)
|
| |
 班級規(guī)模及環(huán)境--熱線:4008699035 手機:15921673576( 微信同號) |
| 每個班級的人數(shù)限3到5人，互動授課， 保障效果，小班授課。 |
| 上間和地點 |
上部份地點：【上?！客瑵髮W(xué)(滬西)/新城金郡商務(wù)樓(11號線白銀路站)【深圳分部】：電影大廈(地鐵一號線大劇院站)/深圳大學(xué)成教院【北京分部】：北京中山學(xué)院/福鑫大樓【南京分部】：金港大廈(和燕路)【武漢分部】：佳源大廈（高新二路）【成都分部】：領(lǐng)館區(qū)1號（中和大道）【沈陽分部】：沈陽理工大學(xué)/六宅臻品【鄭州分部】：鄭州大學(xué)/錦華大廈【石家莊分部】：河北科技大學(xué)/瑞景大廈
最近開間(周末班/連續(xù)班/晚班）：2019年1月26日 |
| 實驗設(shè)備 |
◆小班教學(xué)，教學(xué)效果好
☆注重質(zhì)量☆邊講邊練
☆合格學(xué)員免費推薦工作
★實驗設(shè)備請點擊這兒查看★ |
| 質(zhì)量保障 |
1、培訓(xùn)過程中，如有部分內(nèi)容理解不透或消化不好，可免費在以后培訓(xùn)班中重聽；
2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費提供課后技術(shù)支持。
3、培訓(xùn)合格學(xué)員可享受免費推薦就業(yè)機會?！詈细駥W(xué)員免費頒發(fā)相關(guān)工程師等資格證書，提升職業(yè)資質(zhì)。專注高端技術(shù)培訓(xùn)15年，端海學(xué)員的能力得到大家的認(rèn)同，受到用人單位的廣泛贊譽，端海的證書受到廣泛認(rèn)可。 |
部份程大綱 |
| |
- 培訓(xùn)目標(biāo)：
了解HTML5的規(guī)范整體
了解標(biāo)簽語言
了解如何使用表單
HTML5音頻和視頻播放
HTML5 APIs概述
采用HTML5 Canvas而不是SVG動態(tài)產(chǎn)生渲染圖形
使用HTML5 通訊APIs
HTML5 Web Sockets
HTML5 Web Workers
HTML5 Geolocation
HTML5存儲
CSS3.0控制原理與應(yīng)用
JQuery Mobile
培訓(xùn)內(nèi)容：
HTML5 概述 HTML的發(fā)展史
HTML5的版本
WHATWG and W3C 規(guī)范
HTML5的新特性
HTML5能做什么
HTML5能做什么對HTML5和CSS3的支持
檢測瀏覽器對HTML 5的支持
HTML5 標(biāo)簽語言
HTML5頁面結(jié)構(gòu)
HTML5 DOCTYPE
根元素
字符編碼
HTML5新增的語義元素
（1）<header>
（2）<nav>
（3）<article>
（4）<footer>
（5）<section>
（6）<aside>
其他新增的元素
（1）<time>
（2）<mark>
（3）<figure>和<figcaption>
（4）<progress>
（5）<meter>
（6）<details>和<summay>
驗證HTML5頁面及顯示頁面大綱
驗證HTML5頁面及顯示頁面大綱
HTML5表單 HTML 4的困惑
HTML 5新增的輸入組件
（1）email 郵件輸入組件
（2）url 網(wǎng)址輸入組件
（3）number 數(shù)字輸入組件
（4）range 范圍輸入組件
（5）Date pickers (date, month, week, time, datetime, datetime-local) 日期系列輸入組件
（6）search 搜索輸入組件
（7）color 顏色輸入組件
（8）tel 電話輸入組件
HTML 5新增的輸入屬性
（1） autocomplete
（2） autofocus
（3） form
（4） form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
（5） height 和 width
（6） list
（7） min, max 和 step
（8） multiple
（9） pattern
（10） placeholder
（11） required
測試瀏覽器對HTML5表單元素的支持
HTML5的表單驗證
（1） 定制驗證錯誤消息
（2） 定制驗證顯示方式
（3） 取消驗證
HTML5 音頻和視頻播放
video元素及其屬性
視頻編解碼器
視頻轉(zhuǎn)換工具
各種瀏覽器支持些什么格式
舊瀏覽器的過渡解決方案
視頻與腳本--簡單的視頻播放器
音頻
采用HTML5 Canvas繪制圖形
<canvas>元素
檢查瀏覽器的支持情況
基本圖形繪制
（1） 畫線
（2） 矩形
（3） 曲線
路徑
變換
（1） 平移
（2） 縮放
（3） 旋轉(zhuǎn)
漸變
（1） 線性漸變
（2） 徑向漸變
繪制文本
繪制圖像
使用HTML5 通訊APIs
跨文檔消息通信
源安全
檢測瀏覽器對postMessage的支持
XMLHttpRequest Level2
XMLHttpRequest Level2新增事件
檢測瀏覽器對XMLHttpRequest2的支持
跨域訪問注意事項
HTML5 Web Sockets HTTP特點
如何實現(xiàn)實時（real-time）通訊
WebSocket特性
WebSocket與輪詢方式的比較
Web Socket建立方法
WebSocket 的事件
WebSocket的屬性
漸進增強和降級處理
HTML5 Web Workers Web Workers介紹
Multi-core processor architecture
Web Worker communication
使用 Web Workers APIs
案例應(yīng)用實踐，練習(xí)指導(dǎo)
地理定位 地理定位介紹
在瀏覽器中使用地理定位
定位的技術(shù)背景
openstreetmap上顯示當(dāng)前位置
使用googlemaps追蹤位置
案例應(yīng)用實踐，練習(xí)指導(dǎo)
HTML5存儲 為什么需要本地存儲
本地存儲的限制
Web存儲的兩種類型
判斷瀏覽器是否支持WebStorage
存取信息
storage事件
Web SQL
IndexedDB
CSS3講解 CSS3概述
半透明效果
CSS3屬性選擇器
邊框樣式
（1） border-radius：圓角邊框
（2） border-image：圖片邊框
（3） box-shadow：為邊框添加陰影
文本樣式
（1） Text-shadow：文本陰影樣式
（2） Text-overflow：文本溢出樣式
背景色漸變
（1） Linear-gradient：線性漸變函數(shù)
（2） Radial-gradient：徑向漸變函數(shù)
（3） 在線生成漸變效果
元素變形
（1） transform : rotate（旋轉(zhuǎn)變形）
（2） transform：scale（縮放變形）
（3） transform：translate（位移變形）
（4） transform：skew（傾斜變形）
效果過渡
（1） transition-property ： 參與過渡效果的樣式
（2） transition-duration： 過渡效果的持續(xù)時間
（3） transition-delay： 產(chǎn)生過渡效果前的等待時間
（4） transition-timing-function： 過渡效果控制
jQuery Mobile jQuery Mobile設(shè)計的技術(shù)思考和商業(yè)思考
jQuery Mobile入門初體驗；
使用頁眉、工具欄和標(biāo)簽欄；
jQuery Mobile中的表單和按鈕；
jQuery Mobile中的列表；
jQuery Mobile和CSS結(jié)合；
jQuery Mobile主題；
jQuery Mobile的API;
和服務(wù)器集成；
jQuery Mobile和HTML5開發(fā)框架PhoneGap結(jié)合
|
|
|
|
|
|
首頁 課程表 在線聊 報名 講師 品牌 QQ聊 活動 就業(yè)